<script setup lang="ts">
import {PropType} from 'vue';
import {CustomType} from "./types";
import {themeColors} from "@/constant/themes";

defineOptions({
  name: "sj-button"
})

const props = defineProps({
  customType: {
    type: String as PropType<CustomType>,
    default: "sblue"
  }
})

</script>

<template>
  <el-button v-bind="$attrs" :color="themeColors[customType]?.color" :style="{color: themeColors[customType]?.textColor}">
    <slot/>
  </el-button>
</template>

<style scoped lang="scss">

</style>
